<template>
	<view class="header" @click="toSearch">
		<view class="inner">
			<icon type="search" size="16" color="#bbbbbb"></icon>
			<text>搜索</text>
		</view>
	</view>
</template>

<script>
	export default {
		methods: {
			toSearch() {
				console.log(111)
				uni.navigateTo({
					url:'../search/search?show'
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	.header {
		background: #eb4450;
		padding: 20rpx 16rpx;
		box-sizing: border-box;
		.inner {
			display: flex;
			justify-content: center;
			align-items: center;
			background-color: #fff;
			height: 60rpx;
			border-radius: 5rpx;
			color: #bbb;
			icon {
				margin-right: 16rpx;
				margin-top: 4rpx;
			}
		}
	}
</style>
